import styled from 'styled-components'


export const AppSongsWrap = styled.div`
  margin:50px 106px 0 106px;
  padding-bottom:80px;

  .songs-title {
    font-weight:bold;
    margin-left:10px;
    padding-bottom:5px;
    border-bottom:1px solid #b8b6b6;
  }

  .songs-list {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:center;
    /* margin-top:10px; */
    .songs-item {
      display:flex;
      width:50%;
      position:relative;
      padding-left:10px;
      cursor: pointer;
      .songs-index {
        display:inline-block;
        width:10px;
        height:10px;
        position:absolute;
        bottom:25px;
        left:-5px;
        font-size:14px;
      }
      .songs-detail{
        display:flex;
        align-items:center;
        img {
          width:53px;
          height:53px;
          margin:10px;
        }
        .play{
          width:18px;
          height:18px;
          position:absolute;
          top:15px;
          left:25px;
        }
      }
    }
  }
`
